@mixin font-background($color) {
  background: $color;
  color: transparent;
  -webkit-background-clip: text;
}

@mixin text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@mixin flow-border-card() {
  border: 1px solid transparent;
  border-radius: 12px;
  background-clip: padding-box, border-box, border-box;
  background-origin: padding-box, border-box, border-box;
  background-image: linear-gradient(to right, #231813, #231813),
    radial-gradient(
      96.88% 138.88% at 0% -78.88%,
      #f1c9bc 0%,
      rgba(228, 182, 166, 0) 100%
    ),
    linear-gradient(to right, #32271d, #32271d);
}
